<section class="box" id="chart-dash-pie-box" style="overflow: hidden;">
    <header class="panel_header">
        <h2 class="title pull-left">{{vm.chart.title}}</h2>
        <div class="actions panel_actions pull-right">
            <style>
                .switch {}
                
                .icon-default {
                    color: #757575!important;
                    opacity: 1;
                }

                .switch .icon-secondary {
                    opacity: .8;
                }
            </style>
            <span class="switch">
                <i class = "fa fa-pie-chart cp" ng-class = "{'icon-default': vm.chart.type == 'pie','icon-secondary':vm.chart.type != 'pie'}" ng-click = "vm.chart.switchChartType('pie')"></i>
                <i class = "fa fa-bar-chart cp" ng-class = "{'icon-default': vm.chart.type == 'bar','icon-secondary':vm.chart.type != 'bar'}" ng-click = "vm.chart.switchChartType('bar')"></i>

                <i class="fa fa-reply cp" ng-show="vm.chart.toolBarSeen" ng-click="vm.back()" title="点我返回上一步 "></i>
           
                <i class = "fa fa-reply-all cp" ng-show="vm.chart.toolBarSeen" ng-click="vm.backToTop()" title = "点我返回顶部 "></i>
                   
                <!-- <i class = "tags icon fb cp" title ="最鲜商机 " ng-click="toWordCloud()" ng-show="isLastCategory && userInfo.version=='pro' "></i>  --> 
            </span>
        </div>
    </header>
    <div class="content-body" style="padding: 0;">
        <div class="row" style="height: 98%">
            <div class="col s12" style="height: 100%">
                <div echarts-draw-canvas echarts-link="vm.clickEcharts" class="chart-container" style="height: 100%" my-full-screen full-screen-func="screenResize()"></div>
            </div>
        </div>
    </div>
</section>
